﻿<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="telephone=no" name="format-detection">
<meta content="email=no" name="format-detection">
<title>修改建议书</title>
  <link href="/pad_marketing/html/css/main.css" rel="stylesheet" type="text/css" />
  <link href="/pad_marketing/html/css/common.css" rel="stylesheet" type="text/css" />
  <link href="/pad_marketing/html/css/mobiscroll.custom-2.6.2.min.css" rel="stylesheet" type="text/css" />
</head>

<body>
    
<!--标题区域 start-->
<div class="tit_main">
  <label class="white lh-50">修改建议书</label>
  <a href="/pad_marketing/plan/proposalMange.action" class="pull-left lh-50"><span class="icon icon-left"></span></a>
  <a class="pull-right block lh-50" href="/pad_marketing/index/index.action"><span class="icon icon-home"></span></a>
</div>
<!--标题区域 end-->

<!--内容区域 start-->
<div class="H_top_bot" id="wrapper">
  <div>
    <div class="padding-3">
      <div class="media">
        <a class="media-left" href="#">
          <img class="thumbnail" src="/pad_marketing/html/img/login-bg.jpg" alt="..." width="159" height="208">
        </a>
        <div class="media-body">
          <h2 class="lh-45">保险保障及理财计划书</h2>
          <h5 class="font-18">2016年08月15日</h5>
          <div class="blank-1"></div>
          <p class="font-18 lh-45">投保人：<span class="gray">(豁免显示)</span></p>
          <div class="form-group">
            <label class="control-label col-md-1 padding-right-20">姓名</label>
            <div class="col-md-2">
              <input type="text" class="form-control" value="王先生">
            </div>
            <label class="control-label col-md-1">年龄</label>
            <div class="col-md-1">
              <input type="text" class="form-control">
            </div>
            <label class="control-label col-md-1">性别</label>
            <div class="col-md-2 radio-sex no-padding">
              <label class="male active">
                <input type="radio" name="x" value="option1">
              </label>
              <label class="female">
                <input type="radio" name="x" value="option1">
              </label>
            </div>
            <label class="control-label col-md-1">职业</label>
            <div class="col-md-3">
              <select class="form-control">
                <option>请选择</option>
              </select>
            </div>
          </div>
          <p class="font-18 lh-45">被保险人：</p>
          <div class="form-group">
            <label class="control-label col-md-1 padding-right-20">姓名</label>
            <div class="col-md-2">
              <input type="text" class="form-control" value="王先生">
            </div>
            <label class="control-label col-md-1">年龄</label>
            <div class="col-md-1">
              <input type="text" class="form-control">
            </div>
            <label class="control-label col-md-1">性别</label>
            <div class="col-md-2 radio-sex no-padding">
              <label class="male active">
                <input type="radio" name="inlineRadioOptions" value="option1">
              </label>
              <label class="female">
                <input type="radio" name="inlineRadioOptions" value="option1">
              </label>
            </div>
            <label class="control-label col-md-1">职业</label>
            <div class="col-md-3">
              <select class="form-control">
                <option>请选择</option>
              </select>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 个人名片 -->
    <div class="blank-1 bg-gray"></div>
    <div class="padding-3">
      <h3 class="font-24">个人名片</h3>
      <div class="blank-1"></div>
      <hr>
      <div class="blank-1"></div>
      <div class="media">
        <a class="media-left" href="#">
          <div class="pic-panel">
            <img src="/pad_marketing/html/img/circle-bird.png">
          </div>
        </a>
        <div class="media-body">
          <div class="form-group">
            <label class="col-md-3 control-label">营销员姓名：</label>
            <div class="col-md-3"><p class="form-control-static b">代用名</p></div>
            <label class="col-md-2 control-label">公司名称：</label>
            <div class="col-md-4"><p class="form-control-static">中德安联人寿保险</p></div>
            <div class="clearfix"></div>
            <label class="col-md-3 control-label">职级（中文名称）：</label>
            <div class="col-md-3"><p class="form-control-static">代用名</p></div>
            <label class="col-md-2 control-label">展业证编号：</label>
            <div class="col-md-4"><p class="form-control-static">KSA893842398475325</p></div>
            <div class="clearfix"></div>
            <label class="col-md-3 control-label">营销员手机：</label>
            <div class="col-md-3"><p class="form-control-static">13483482938</p></div>
            <label class="col-md-2 control-label">邮箱：</label>
            <div class="col-md-4"><p class="form-control-static">sdfdf@123.com</p></div>
            <div class="clearfix"></div>
            <label class="col-md-3 control-label">扫描二维码：</label>
            <div class="col-md-3"><img src="/pad_marketing/html/img/qr-a.png" width="71"></div>
            <label class="col-md-2 control-label">QQ：</label>
            <div class="col-md-4"><p class="form-control-static">82348745</p></div>
            <div class="clearfix"></div>
          </div>
        </div>
      </div>
    </div>
    <h3 class="title">保单1</h3>
    <div class="padding-3">
      <span class="pull-left font-18">爱健康-乐享人生-A型赵建民</span>
      <a class="pull-right" onclick="showDiv('open1')">
        <span class="icon icon-add">+</span>
        <label class="blue">添加附加险</label>
      </a>
      <div class="blank-1"></div>
      <table class="table table-lg table-middle no-border">
        <tr class="active">       
          <td>险种代码</td>
          <td align="center">险种保额</td>
          <td width="12%" align="center">险种保费</td>
          <td align="center">缴费期限</td>
          <td align="center">保障期限</td>
          <td align="center">年金领取方式</td>
          <td align="center">年金领取期间</td>
          <td width="12%" align="center">年金领取开始年龄</td>
          <td width="22%" align="center">操作</td>
        </tr>
        <tr>       
          <td>HRGR01</td>
          <td align="center" onclick="showDiv('open2')">50万</td>
          <td align="center" onclick="showDiv('open2')">1万/年</td>
          <td align="center" onclick="showDiv('open2')">10年</td>
          <td align="center" onclick="showDiv('open2')">年缴</td>
          <td align="center" onclick="showDiv('open2')">年/领</td>
          <td align="center" onclick="showDiv('open2')">10</td>
          <td align="center" onclick="showDiv('open2')">55</td>
          <td align="center">
            <button class="btn-icon" onclick="showDiv('open2')"><span class="icon icon-circle-edit"></span></button><button class="btn-icon"><span class="icon icon-chart"></span></button><button class="btn-icon"><span class="icon icon-remove"></span></button>
          </td>
        </tr>
        <tr><td colspan="9">附加安康守护意外伤害医疗保险</td></tr>
        <tr>       
          <td>HRGR01</td>
          <td align="center" onclick="showDiv('open2')">50万</td>
          <td align="center" onclick="showDiv('open2')">1万/年</td>
          <td align="center" onclick="showDiv('open2')">10年</td>
          <td align="center" onclick="showDiv('open2')">年缴</td>
          <td align="center" onclick="showDiv('open2')">年/领</td>
          <td align="center" onclick="showDiv('open2')">10</td>
          <td align="center" onclick="showDiv('open2')">55</td>
          <td align="center">
            <button class="btn-icon" onclick="showDiv('open2')"><span class="icon icon-circle-edit"></span></button><button class="btn-icon"><span class="icon icon-chart"></span></button><button class="btn-icon"><span class="icon icon-remove"></span></button>
          </td>
        </tr>
        <tr><td colspan="9">附加安康守护意外伤害医疗保险</td></tr>
        <tr>       
          <td>HRGR01</td>
          <td align="center" onclick="showDiv('open2')">50万</td>
          <td align="center" onclick="showDiv('open2')">1万/年</td>
          <td align="center" onclick="showDiv('open2')">10年</td>
          <td align="center" onclick="showDiv('open2')">年缴</td>
          <td align="center" onclick="showDiv('open2')">年/领</td>
          <td align="center" onclick="showDiv('open2')">10</td>
          <td align="center" onclick="showDiv('open2')">55</td>
          <td align="center">
            <button class="btn-icon" onclick="showDiv('open2')"><span class="icon icon-circle-edit"></span></button><button class="btn-icon"><span class="icon icon-chart"></span></button><button class="btn-icon"><span class="icon icon-remove"></span></button>
          </td>
        </tr>
      </table>
    </div>
    <h3 class="title">保单2</h3>
    <div class="padding-3">
      <span class="pull-left font-18">爱健康-乐享人生-A型赵建民</span>
      <a class="pull-right" onclick="showDiv('open1')">
        <span class="icon icon-add">+</span>
        <label class="blue">添加附加险</label>
      </a>
      <div class="blank-1"></div>
      <table class="table table-lg table-middle no-border">
        <tr class="active">       
          <td>险种代码</td>
          <td align="center">险种保额</td>
          <td width="12%" align="center">险种保费</td>
          <td align="center">缴费期限</td>
          <td align="center">保障期限</td>
          <td align="center">年金领取方式</td>
          <td align="center">年金领取期间</td>
          <td width="12%" align="center">年金领取开始年龄</td>
          <td width="22%" align="center">操作</td>
        </tr>
        <tr>       
          <td>HRGR01</td>
          <td align="center" onclick="showDiv('open2')">50万</td>
          <td align="center" onclick="showDiv('open2')">1万/年</td>
          <td align="center" onclick="showDiv('open2')">10年</td>
          <td align="center" onclick="showDiv('open2')">年缴</td>
          <td align="center" onclick="showDiv('open2')">年/领</td>
          <td align="center" onclick="showDiv('open2')">10</td>
          <td align="center" onclick="showDiv('open2')">55</td>
          <td align="center">
            <button class="btn-icon" onclick="showDiv('open2')"><span class="icon icon-circle-edit"></span></button><button class="btn-icon"><span class="icon icon-chart"></span></button><button class="btn-icon"><span class="icon icon-remove"></span></button>
          </td>
        </tr>
        <tr><td colspan="9">附加安康守护意外伤害医疗保险</td></tr>
        <tr>       
          <td>HRGR01</td>
          <td align="center" onclick="showDiv('open2')">50万</td>
          <td align="center" onclick="showDiv('open2')">1万/年</td>
          <td align="center" onclick="showDiv('open2')">10年</td>
          <td align="center" onclick="showDiv('open2')">年缴</td>
          <td align="center" onclick="showDiv('open2')">年/领</td>
          <td align="center" onclick="showDiv('open2')">10</td>
          <td align="center" onclick="showDiv('open2')">55</td>
          <td align="center">
            <button class="btn-icon" onclick="showDiv('open2')"><span class="icon icon-circle-edit"></span></button><button class="btn-icon"><span class="icon icon-chart"></span></button><button class="btn-icon"><span class="icon icon-remove"></span></button>
          </td>
        </tr>
        <tr><td colspan="9">附加安康守护意外伤害医疗保险</td></tr>
        <tr>       
          <td>HRGR01</td>
          <td align="center" onclick="showDiv('open2')">50万</td>
          <td align="center" onclick="showDiv('open2')">1万/年</td>
          <td align="center" onclick="showDiv('open2')">10年</td>
          <td align="center" onclick="showDiv('open2')">年缴</td>
          <td align="center" onclick="showDiv('open2')">年/领</td>
          <td align="center" onclick="showDiv('open2')">10</td>
          <td align="center" onclick="showDiv('open2')">55</td>
          <td align="center">
            <button class="btn-icon" onclick="showDiv('open2')"><span class="icon icon-circle-edit"></span></button><button class="btn-icon"><span class="icon icon-chart"></span></button><button class="btn-icon"><span class="icon icon-remove"></span></button>
          </td>
        </tr>
      </table>
    </div>
    <div class="bg-gray padding-15 text-center">
      <a class="btn btn-success btn-lg" href="/pad_marketing/plan/addMainPro.action"><span class="icon icon-product"></span>添加主险</a>
      <button class="btn btn-primary btn-lg"><span class="icon icon-lcgh"></span>利益全览</button>
      <button class="btn btn-info btn-lg" type="button" onclick="showDiv('open3')"><span class="icon icon-save"></span>&nbsp;&nbsp;保存&nbsp;&nbsp;&nbsp;&nbsp;</button>
      <button class="btn btn-danger btn-lg" type="button" onclick="showDiv('open4')"><span class="icon icon-submit"></span>保存并提交</button>
      <a class="btn btn-warning btn-lg" href="orderMange.html"><span class="icon icon-shop"></span>立即购买</a>
    </div>
    <div class="clearfix"></div>
    <div class="padding-2">
      <h3 class="font-24">组成部分</h3>
    </div>
    <div class="proposalCover" id="wrapper3">
      <div id="scroller">
        <ul>
          <li>
            <ul>
              <li>
                <img src="/pad_marketing/html/img/16-2-1.png">
                <div class="radio-list">
                  <input type="radio" name="cover" />
                  <label for=""></label>
                </div>
              </li>
              <li>
                <img src="/pad_marketing/html/img/login-bg.jpg">
                <div class="radio-list">
                  <input type="radio" name="cover" />
                  <label for=""></label>
                </div>
              </li>
              <li>
                <img src="/pad_marketing/html/img/login-bg.jpg">
                <div class="radio-list">
                  <input type="radio" name="cover" />
                  <label for=""></label>
                </div>
              </li>
              <li>
                <img src="/pad_marketing/html/img/login-bg.jpg">
                <div class="radio-list">
                  <input type="radio" name="cover" />
                  <label for=""></label>
                </div>
              </li>
              <li>
                <img src="/pad_marketing/html/img/login-bg.jpg">
                <div class="radio-list">
                  <input type="radio" name="cover" />
                  <label for=""></label>
                </div>
              </li>
            </ul>
          </li>
          <li>
            <ul>
              <li>
                <img src="/pad_marketing/html/img/login-bg.jpg">
                <div class="radio-list">
                  <input type="radio" name="cover" />
                  <label for=""></label>
                </div>
              </li>
              <li>
                <img src="/pad_marketing/html/img/login-bg.jpg">
                <div class="radio-list">
                  <input type="radio" name="cover" />
                  <label for=""></label>
                </div>
              </li>
              <li>
                <img src="/pad_marketing/html/img/login-bg.jpg">
                <div class="radio-list">
                  <input type="radio" name="cover" />
                  <label for=""></label>
                </div>
              </li>
              <li>
                <img src="/pad_marketing/html/img/login-bg.jpg">
                <div class="radio-list">
                  <input type="radio" name="cover" />
                  <label for=""></label>
                </div>
              </li>
              <li>
                <img src="/pad_marketing/html/img/login-bg.jpg">
                <div class="radio-list">
                  <input type="radio" name="cover" />
                  <label for=""></label>
                </div>
              </li>
            </ul>
          </li>
          <li>
            <ul>
              <li>
                <img src="/pad_marketing/html/img/login-bg.jpg">
                <div class="radio-list">
                  <input type="radio" name="cover" />
                  <label for=""></label>
                </div>
              </li>
              <li>
                <img src="/pad_marketing/html/img/login-bg.jpg">
                <div class="radio-list">
                  <input type="radio" name="cover" />
                  <label for=""></label>
                </div>
              </li>
              <li>
                <img src="/pad_marketing/html/img/16-2-1.png">
                <div class="radio-list">
                  <input type="radio" name="cover" />
                  <label for=""></label>
                </div>
              </li>
              <li>
                <img src="/pad_marketing/html/img/login-bg.jpg">
                <div class="radio-list">
                  <input type="radio" name="cover" />
                  <label for=""></label>
                </div>
              </li>
              <li>
                <img src="/pad_marketing/html/img/login-bg.jpg">
                <div class="radio-list">
                  <input type="radio" name="cover" />
                  <label for=""></label>
                </div>
              </li>
            </ul>
          </li>
        </ul>
      </div>
    </div>
    <div id="navc">
      <ul class="indicator">
        <li class="active">1</li>
        <li class="">2</li>
        <li class="">3</li>
      </ul>
    </div>
    <div class="blank-10"></div>
    <div class="row overflow">
      <div class="col-md-3 text-center">
        <div class="proposal-check fm">
          <input type="checkbox" />
          <label for="">封面</label>
        </div>
      </div>
      <div class="col-md-3 text-center">
        <div class="proposal-check gsjj">
          <input type="checkbox" disabled />
          <label for="">公司介绍</label>
        </div>
      </div>
      <div class="col-md-3 text-center">
        <div class="proposal-check bxjh">
          <input type="checkbox" />
          <label for="">保险计划概要</label>
        </div>
      </div>
      <div class="col-md-3 text-center">
        <div class="proposal-check bxly">
          <input type="checkbox" />
          <label for="">保险利益概要</label>
        </div>
      </div>
    </div>
    <div class="clearfix"></div>
    <div class="row overflow">
      <div class="col-md-3 text-center">
        <div class="proposal-check lyys">
          <input type="checkbox" />
          <label for="">利益演示（汇总）</label>
        </div>
      </div>
      <div class="col-md-3 text-center">
        <div class="proposal-check xzlyysb">
          <input type="checkbox" />
          <label for="">险种利益演示表</label>
        </div>
      </div>
      <div class="col-md-3 text-center">
        <div class="proposal-check cpsms">
          <input type="checkbox" />
          <label for="">产品说明书 </label>
        </div>
      </div>
      <div class="col-md-3 text-center">
        <div class="proposal-check tbts">
          <input type="checkbox" />
          <label for="">人身/健康投保提示</label>
        </div>
      </div>
    </div>
    <div class="blank-1"></div>
  </div>
</div>
<!--内容区域 end-->

<!--底部区域 start-->
<div class="bot_main">
  <div class="col-md-2 col-md-offset-4">
    <button type="button" class="btn btn-warning btn-lg btn-block" onclick="showDiv('open1')"><span class="icon icon-preview"></span>预览方式</button>
  </div>
  <div class="col-md-2">
    <button type="button" class="btn btn-primary btn-lg btn-block" onclick="showDiv('open2')"><span class="icon icon-send"></span>发送方式</button>
  </div>
</div>
<!--底部区域 end-->

<div id="agn-menu" class="hide">
  <div class="circle-panel">
    <nav class="circle-bg">
      <a class="circle-pic" onClick="showDiv('person-panel')">
        <img src="/pad_marketing/html/img/circle-bird.png">
      </a>
      <lable class="circle-text"></lable>
      <div class="circle-menu">
        <a href="#" class="menu-item" id="menu-one"> 
          <i class="">公司简介</i> 
        </a>
        <a href="#" class="menu-item" id="menu-two"> 
          <i class="">建议书</i>
        </a>
        <a href="#" class="menu-item" id="menu-three"> 
          <i class="">产品中心</i> 
        </a>
        <a href="#" class="menu-item" id="menu-four"> 
          <i class="">在线投保</i> 
        </a>
        <a href="#" class="menu-item" id="menu-five"> 
          <i class="">需求分析</i> 
        </a>
      </div>
      <span class="close circle-close" onClick="closeDiv('agn-menu')">X</span>
    </nav>
  </div>
</div>
<!--弹出层-模板 start-->
<div class="open-block open-sm hide" id="open1">
  <h4 class="open-header">
    预览方式<button type="button" class="close" onclick="closeDiv('open1')">×</button>
  </h4>
  <div class="open-body text-center">
    <a class="inline-block padding-15 text-center" href="shareWechat.action">
      <p class="icon icon-circle-wechat"></p>
      <p class="font-18 lh-30 green-d">微信预览</p>
    </a>
    <a class="inline-block padding-15 text-center" href="proposalPreview.action">
      <p class="icon icon-circle-mail"></p>
      <p class="font-18 lh-30 blue">邮件预览</p>
    </a>
  </div>
</div>
<!--弹出层-模板 end-->

<!--弹出层-模板 start-->
<div class="open-block open-sm hide" id="open2">
  <h4 class="open-header">
    发送方式<button type="button" class="close" onclick="closeDiv('open2')">×</button>
  </h4>
  <div class="open-body text-center">
    <a class="inline-block padding-15 text-center" onclick="weixin()">
      <p class="icon icon-circle-wechat"></p>
      <p class="font-18 lh-30 green-d">微信发送</p>
    </a>
    <a class="inline-block padding-15 text-center">
      <p class="icon icon-circle-mail"></p>
      <p class="font-18 lh-30 blue">邮件发送</p>
    </a>
  </div>
</div>
<!--弹出层-模板 end-->

<div class="open-block open-sm hide" id="open3">
  <h4 class="open-header">
    提示<button type="button" class="close" onclick="closeDiv('open3')">×</button>
  </h4>
  <div class="open-body">
    <div class="blank-1"></div>
    <h3 class="text-center">您是否保存当前建议书并</h3>
    <h3 class="text-center">替换原有建议书？</h3>
    <div class="blank-1"></div>
    <div class="col-md-6">
      <button type="button" class="btn btn-primary btn-lg btn-block" onclick="closeDiv('open3')"><span class="icon icon-save-as"></span>另存</button>
    </div>
    <div class="col-md-6">
      <a class="btn btn-warning btn-lg btn-block" href="proposalMange.html"><span class="icon icon-ok"></span>是</a>
    </div>
  </div>
</div>

<div class="open-block open-lg hide" id="open4">
  <h4 class="open-header no-border">
    <button type="button" class="close" onclick="closeDiv('open4')">×</button>
  </h4>
  <div class="open-body">
    <div class="blank-1"></div>
    <h3 class="text-center"><img src="../img/xa-circle-success.jpg" /></h3>
    <div class="blank-1"></div>
    <h1 class="orange text-center">恭喜您已经通过初核！</h1>
    <div class="blank-1"></div>
    <p class="font-18 gray text-center">想立即购买么？请先提供体检信息、银行卡信息、身份证信息。</p>
    <div class="padding-3">
      <div class="col-md-4">
        <button class="btn btn-success btn-lg btn-block" onclick="closeDiv('open4')"><span class="icon icon-return"></span>返回修订</button>
      </div>
      <div class="col-md-4">
        <a class="btn btn-primary btn-lg btn-block" href="proposal.html"><span class="icon icon-book"></span>生成建议书</a>
      </div>
      <div class="col-md-4">
        <a class="btn btn-warning btn-lg btn-block" href="orderMange.html"><span class="icon icon-shop"></span>立即购买</a>
      </div>
    </div>
  </div>
</div>

<!--js全放底部-->
<script src="/pad_marketing/html/js/jquery-1.7.2.js" type="text/javascript"></script>
<script src="/pad_marketing/html/js/jquery.jmpopups-0.5.1.js" type="text/javascript"></script>
<script src="/pad_marketing/html/js/idangerous.swiper.min.js"></script>
<script src="/pad_marketing/html/js/iscroll.js" type="text/javascript"></script>
<script src="/pad_marketing/html/js/idangerous.swiper.3dflow.js"></script>
<script src="/pad_marketing/html/js/common.js" type="text/javascript"></script>
<script src="/pad_marketing/dev/js/common.js" type="text/javascript"></script>
<script src="/pad_marketing/dev/js/weixin.js" type="text/javascript"></script>
</body>
</html>
